<template>
	<div class="wrap-con">
		<div>1.测评工具：霍兰德执行兴趣量表（RIASEC）</div>
		<div>2.测评时间：{{ form.appraisalFinishDate }}</div>
		<div>
			3.RIASEC简介：由美国心理学家约翰・霍兰德（John
			Holland）于1959年提出，基于“人职匹配”理论，认为个体的职业兴趣可分为六大类型，且当职业环境与兴趣类型匹配时，人更容易获得职业满足感与成就感。计算每组题目的总分，得分最高的3个类型即为您的主导职业兴趣，如SIE、RAC等。这个代码组合代表了被测试者最主要的职业兴趣类型组合。
		</div>
		<div>职业匹配解析</div>
		<div>4.测评数据结果：</div>
		<div v-for="item in form.userAppraisalDivisorList">
			<div v-html="item.proposalSuggest"></div>
		</div>
		<div>5.结果解读及建议：</div>
		<div v-html="form.proposalSuggest"></div>
		<div class="say">注意：</div>
		<div class="textIndetStyle">
			霍兰德职业兴趣量表以简明的类型划分帮助人们理解“我适合做什么”，是职业规划领域的经典工具。通过测评兴趣代码，可初步定位职业方向，但需结合实践探索与专业指导，才能更精准地实现人职匹配。
		</div>
		<div class="say">声明：</div>
		<div class="textIndetStyle">以上调查结论及建议只是基于您的问卷调查结果，可能会因未能收集您的更多信息导致报告结果与您的实际状态不完全相符，请根据您的具体情况加以取舍。</div>
	</div>
</template>

<script>
import { getUserAppraisal } from '@/api/member/index.js'
export default {
	data() {
		return {
			form: {}
		};
	},
	watch: {
		// 监听 detailId 变化
		detailId(newVal) {
			if (newVal) {
				this.getDetail(newVal)
			}
		},
		// 监听 appraisalId 变化
		appraisalId(newVal) {
			if (newVal) {
				this.getDetail(newVal)
			}
		}
	},
	mounted() {
		// 初始化加载数据
		if (this.detailId) {
			this.getDetail(this.detailId)
		}
	},
	props: ['detailId', 'appraisalId'],
	methods: {
		getDetail(id) {
			getUserAppraisal(id).then((res) => {
				this.form = res.data;
			});
		}
	}
};
</script>

<style></style>
